.box-mine {
  height: 100%;
}

.box-mine .mine {
  height: 220rem;
  background-color: #252525;
}

.box-mine .mine .mine-vip {
  height: 100rem;
  text-align: center;
  color: white;
  font-size: 9rem;
}

.box-mine .mine .mine-vip h1 {
  padding-top: 20rem;
}

.box-mine .mine .mine-bottom {
  height: 120rem;
  display: flex;
  justify-content: space-around;
  position: relative;
}

.box-mine .mine .mine-bottom img {
  height: 50rem;
  width: 50rem;
}

.box-mine .mine .mine-bottom .left {
  color: white;
}

.box-mine .mine .mine-bottom .left img {
  height: 60rem;
  width: 60rem;
  position: absolute;
  left: 50rem;
  top: 30rem;
  border-radius: 50%;
  border: 1rem solid orange;
}

.box-mine .mine .mine-bottom .left .left-name {
  margin-top: 40rem;
  margin-right: 83rem;
}

.box-mine .mine .mine-bottom .left .left-name p:nth-child(1) {
  height: 22rem;
  line-height: 22rem;
  font-size: 13rem;
  margin-top: rem;
}

.box-mine .mine .mine-bottom .left .left-name p:nth-child(2) {
  height: 22rem;
  line-height: 22rem;
}

.box-mine .mine .mine-bottom .left .left-name span {
  background-color: #E6B400;
  color: black;
  font-size: 7rem;
  padding: 3rem;
  border-radius: 2rem;
}

.box-mine .mine .mine-bottom .right {
  width: 40rem;
  height: 40rem;
  position: absolute;
  right: 50rem;
  top: 30rem;
}

.box-mine .mine .mine-bottom .right .iconfont {
  font-size: 50rem;
  color: white;
}

.box-mine .list {
  height: 58vh;
  overflow-y: auto;
}

.box-mine .list .list-coupon {
  height: 110rem;
  background-color: #313131;
}

.box-mine .list .list-grey {
  width: 100%;
  height: 10rem;
  background-color: #F7F7F7;
}

.box-mine .list .list-vip {
  width: 90%;
  margin: 0 auto;
  height: 53rem;
  line-height: 53rem;
  font-size: 15rem;
  display: flex;
  justify-content: space-between;
}

.box-mine .list .list-vip .right {
  color: #C4A699;
}

.box-mine .list .list-vip .right img {
  width: 10rem;
  height: 10rem;
}

.box-mine .list .list-vip .right span {
  padding: 3rem;
  font-size: 8rem;
}

.box-mine .list .list-vip .iconfont {
  font-size: 22rem;
  padding-right: 12rem;
}

.box-mine .list .list-data {
  width: 90%;
  margin: 0 auto;
  height: 53rem;
  line-height: 53rem;
  font-size: 15rem;
  border-top: 1rem solid #ddd;
  display: flex;
  justify-content: space-between;
}

.box-mine .list .list-data .right {
  color: #C4A699;
}

.box-mine .list .list-data .right img {
  width: 10rem;
  height: 10rem;
}

.box-mine .list .list-data .right span {
  padding: 3rem;
  font-size: 8rem;
}

.box-mine .list .list-data .iconfont {
  font-size: 22rem;
  padding-right: 12rem;
}

.box-mine .list .list-bottom {
  height: 50rem;
  background-color: #F7F7F7;
}
